<template>
  <div>
    <!-- 给Student组件传递参数，这里引号里面传递的是字符串， -->
    <Student name="李四" sex="女" age="16" />
    <hr/>
    <!-- 想要传递的年龄在子组件进行处理，需要使用v-bind指令，使用v-bind传递的就是：引号中表达式执行的结果  -->
    <!-- <Student name="李四" sex="女" :age="16+1" /> 比如:age="16+1"，传递的就是17-->
    <Student name="李四" sex="女" :age="16" />
    <hr/>
    <!-- 用来测试限制性 -->
    <Student/>
    <hr/>
  </div>
</template>

<script>
// 引入Student组件
import Student from './components/Student'

export default {
    name:'App',
    components:{
        Student
    },
}
</script>

<style>

</style>